﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>结算界面</title>
    <link href="CSS/Order.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .auto-style1 {
            width: 211px;
        }
        #btnSubmit {
            height: 37px;
            width: 134px;
        }
        #Select2 {
            width: 77px;
        }
        #Select3 {
            width: 77px;
        }
        #Select4 {
            width: 77px;
        }
        #Select1 {
            width: 77px;
        }
        #btnDelete1 {
            width: 90px;
        }
        #btnDelete2 {
            width: 90px;
        }
        #btnDelete3 {
            width: 90px;
        }
        #btnDelete4 {
            width: 90px;
        }
    </style>
    <div class="header">
        <label id="lblBrand" style="font-family: 楷体; font-size: 50px; color: #FF0000;">明阳天下</label>
    </div>
    <div class="content" id="content">
        <div class="buttons">

    <p>
        <input id="btnTable" type="button" value="桌号" style="padding: 10px; margin: 10px; font-family: 黑体; font-size: 30px; color: #000000; border-radius:15px;background-color: #FF6666; height: 72px; width: 148px;" /></p>

    <p>
        &nbsp;</p>
    <p>
        &nbsp;</p>
    <p>
        <input id="btnMenu" style="padding: 10px; margin: 10px; font-family: 黑体; font-size: 30px; background-color: #FF6666; border-radius:15px; height: 69px; width: 155px;" type="button" value="菜单";  /></p>
    <p>
        &nbsp;</p>
    <p>
        &nbsp;</p>
    <p>
        <input id="btnOrder" style="padding: 10px; margin: 10px; font-family: 黑体; font-size: 30px; background-color: #FF6666; border-radius:15px;height: 66px; width: 162px;" type="button" value="已点菜单" aria-autocomplete="none" /></p>
    </div>
        <table class="tbOrder" >
            <tr style="background-color:#e36a6a;">
                <td class="auto-style1">菜品图片</td>
                <td>菜品名称</td>
                <td>数量</td>
                <td>价格</td>
                <td>折扣</td>
                <td>删除</td>
            </tr>
            <tr>
                <td class="auto-style1"><img src="img/火锅.jpg" style="width:150px; height:80px;" ></td>
                <td>锅底：麻辣拼骨汤</td>
                <td>
                    <select id="Select1">
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                    </select>

                </td>
                <td>￥38</td>
                <td>无</td>
                <td><input id="btnDelete1" type="button" value="删除" /></td>

            </tr>
            <tr>
                <td class="auto-style1"><img src="img/羊肉.jpg" style="width:150px; height:80px;" ></td>
                <td>新西兰羊肉</td>
                <td><select id="Select2">
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                    </select>
                </td>
                <td>￥40</td>
                <td>无</td>
                <td><input id="btnDelete2" type="button" value="删除" /></td>
            </tr>
            <tr>
                <td class="auto-style1"><img src="img/鸭血.jpg" style="width:150px; height:80px;"></td>
                <td>鸭血</td>
                <td>
                    <select id="Select3" >
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                    </select>
                </td>
                <td>￥25</td>
                <td>无</td>
                <td><input id="btnDelete3" type="button" value="删除" /></td>
            </tr>
            <tr>
                <td class="auto-style1"><img src="img/虾滑.jpg" style="width:150px; height:80px;"></td>
                <td>精品虾滑</td>
                <td>
                 <select id="Select4">
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                    </select>
                </td>
                <td>￥25</td>
                <td>无</td>
                <td><input id="btnDelete4" type="button" value="删除" /></td>
            </tr>
        </table>
        <br />
    </div>
        <div class="total">
            总计：<label id="lblCount">128</label>元 &nbsp;&nbsp;      <input id="btnSubmit" type="button" value="提交订单" />
        </div>

        <div class="footer">
        版权所有©大连外国语大学▪软件学院 地址：大连市旅顺南路西段6号10号楼 邮编：116044
        <br />
        明阳天下团队
    </div>
</head>
<body>

</body>
</html>
